
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>确认支付</title>

<link href="css/common.css" rel="stylesheet" type="text/css">
<link href="css/layer.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="./js/common.js"></script>
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/layer.js"></script>
<script type="text/javascript" src="./js/base64.js"></script>

<style>
  .itemfalse{
    margin-top: .4rem;
  }
.item{
  width: 6.9rem;
  height: .88rem;
  margin:1rem auto;
  display: flex;
  justify-content: flex-start;
  border-bottom: .02rem solid #EDEDED;
  padding-bottom: .1rem;
  align-items: center;
}
.item1{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.item.itemcode{
  display: flex;
  justify-content: space-between;
}
input{
  width: 5rem;
  outline: none;
  border: none;
  line-height: .88rem;
  padding-left: .2rem;
}
.itemcode input{
  width: 4rem;
}
.sendtime{
  width: 2.4rem;
  font-size: .3rem;
  color: #0287FF;
  border: 1px solid #0287FF;
  height: .76rem;
  line-height: .76rem;
  border-radius: .38rem;
  text-align: center;
}
.sendtimeactive{
  color: #999 !important;
  border: 1px solid #999 !important;
}
.submitbut{
  width: 6.9rem;
  margin: 1.4rem auto 0;
  text-align: center;
  line-height: .88rem;
  height: .88rem;
  background: #0287FF;
  color: #fff;
  font-size: .3rem;
  border-radius: .36rem;
}
.phonetext{
  color: #999999;
  font-size: .24rem;
  text-align: center;
  padding-top: 1rem;
}
.phonetext1{
  padding-top: .2rem;
}
.detailsuccess{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0,0,0,.3);
    z-index: 9999999999;
    display: none;
    left: 0;
  }
  .detailcontent{
    width: 6.9rem;
    position: relative;
    top: 1rem;
    left: 50%;
    margin-left: -3.45rem;
    background: #fff;
    /* padding-bottom: .6rem; */
    border-radius: 0.08rem;
    overflow: hidden;
}
.successtop{
    width: 100%;
    height: 3.39rem;
    position: relative;
  }
  .successpic{
    width: 100%;
    height: 3.39rem;
    position:absolute;
  }
  .successpic img{
    width: 100%;
    height: 100%;
  }
  .success_order{
    position: absolute;
    width: 3.45rem;
    height: 1.6rem;
    top: .73rem;
    left: 50%;
    margin-left: -1.725rem;
    /* bottom: .76rem; */
  }
  .detailfail .success_order{
      width: 4.18rem;
      margin-left: -2.09rem;
  }
   .success_order img{
      width: 100%;
      height: 100%;
  }
  .showerViplo{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,.2);
    z-index: 9999999999999999;
    top: 0;
    display: none;
  }
  .loadmoreshowerVip{
    width: 3rem;
    height: 3rem;
    background: rgba(0,0,0,0);
    margin: 4rem auto 0;
    /* display: none; */
  }
  .loadmoreshowerVip img{
    width: 80%;
    height: 80%;
    margin: auto;
    display: block;
  }
</style>
</head>
	  <body>
      <div class="itemfalse">
        <div class="phonetext">为保证您的账号安全，需要对您进行短信验证</div>
        <div class="phonetext phonetext1"></div>
        <div class="item itemcode">
          <div class="item1">
            <input type="number" id="code" value="" placeholder="请输入验证码">
          </div>
          <div class="sendtime"></div>
        </div>
        <div class="submitbut">确认支付</div>
      </div>
      <!-- 支付成功 -->
      <div class="detailsuccess">
        <div class="detailcontent">
            <div class="successtop">
                <div class="successpic">
                    <img src="img/paytansuccess1.png" alt="">
                </div>
                <div class="success_order">
                    <img src="img/paysuccesstext.png" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="showerViplo">
      <div class="loadmoreshowerVip">
        <img src="img/load.gif" alt="">
      </div>
    </div>
	  </body>
    <script type="text/javascript" src="./js/phonecer.js?a=781"></script>
</html>


